{% extends "bootstrap/base.html" %}
{% block scripts %}
    <!-- Latest compiled and minified JavaScript -->
    <script src="/static/js/zTree_v3/jquery-1.4.4.min.js"></script>
{#    <script src="/static/js/jquery.ztree.all.min.js"></script>#}
    <script src="/static/js/zTree_v3/jquery.ztree.core.min.js"></script>
    <script type="application/javascript">
    var zNodes = {{ tree_items| safe }};
    var setting = {
			data: {
				simpleData: {
					enable: true,
                    rootPId:""
				}
			}
		};
    $(document).ready(function(){
			$.fn.zTree.init($("#tree"), setting, zNodes);
		});
    </script>
{% endblock %}
{% block styles %}
    {{super()}}
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="/static/css/zTree_v3/demo.css">
    <link rel="stylesheet" href="/static/css/zTree_v3/zTreeStyle/zTreeStyle.css">
{% endblock %}

{% block content %}
  <div id="tree"></div>

{% endblock %}